<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>欢迎登陆系统后台</title>
    <link rel="stylesheet" href="/web/res/css/xadmin.css">
    <link rel="stylesheet" href="/web/res/wangEditor/wangEditor.css">

    <script src="/web/res/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/web/res/js/xadmin.js"></script>
    <script type="text/javascript" src="/web/res/js/jquery.min.js"></script>
    <style>
        #content {
            height: 465px;
            background-image: url('/web/res/images/content_bg.gif');
            background-repeat: no-repeat;
            background-position: right;
        }

        #content img {
            float: left;
            margin-left: 200px;
            margin-top: 100px;
        }

        #wrap {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            height: 100%;

        }

        .title {
            height: 36px;
            line-height: 36px;
            background-image: url('/web/res/images/t_bg.gif');
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #9b9b9b;
            background-position: right;
            background-repeat: no-repeat;
            text-align: left;
            text-indent: 50px;
            font-size: 12px;
        }

        .title span {
            margin-left: 50px;
        }

        .main {
            width: 100%;
        }

        .item{
            height: 200px;
        }
    </style>
</head>


<body style="background-color: white;">
<div id="wrap">
    <div class="title">
        <b>${user.name!''}</b> ${str_hours!''} 欢迎使用后台管理系统<span>当前日期: <b>${str_date!''}</b> &nbsp;<b>${str_week!''}</b> &nbsp; <b
            id="Clock"></b> </span>
    </div>
</div>

</div>
<div id="content">
    <!--统计-->
    <div class="layui-bg-gray" style="padding: 30px;">
        <form class="layui-form layui-col-space5" type="post" action="/web/welcome.html">
            选择时间：
            <div class="layui-input-inline layui-show-xs-block">
                <input class="layui-input" placeholder="日期" autocomplete="off" value="${(time)!''}" name="time"
                       id="time">
            </div>

            <div class="layui-input-inline layui-show-xs-block">
                <button class="layui-btn" lay-submit lay-filter="search">
                    <i class="layui-icon">&#xe615;</i>搜索
                </button>
            </div>
        </form>
        <div class="layui-row layui-col-space15">


            <div class="layui-col-md3 item">
                <div class="layui-card">
                     <div class="layui-card-header">今日: 门票 【安卓/苹果】  ${obj.todayTicketNum?c!''} （笔）</div>
                    <div class="layui-card-body">安卓： ${obj.todayAndroidTicket?c!''} /  ${obj.todayRegAndroid?c!''} (${obj.todayRegAndroidPercentage!''}) 苹果： ${obj.todayAppleTicket?c!''} /  ${obj.todayRegAndroid?c!''} (${obj.todayRegIphonePercentage!''})</div>
                     <div class="layui-card-body">总金额： ${obj.todayTicketPrice?c!''} 认证率：${obj.todayPercentage!''} </div>
                </div>
            </div>

            <div class="layui-col-md3 item">
                <div class="layui-card">
                    <div class="layui-card-header">今日: VIP 【安卓${obj.todayAndroidVip?c!''}/苹果${obj.todayAppleVip?c!''}】 总计：${obj.todayVipPrice?c!''} 元</div>
                    <div class="layui-card-body">安卓:【7天*${obj.todayThreeDayAndroidNum?c!''}】  【1月*${obj.todayOneAndroidNum?c!''}】 【3月*${obj.todayThreeAndroidNum?c!''}】 【1年*${obj.todayTwelveAndroidNum?c!''}】
                        总: ${obj.todayAndroidNumSum?c!''} / ${obj.todayVipNum?c!''} (${obj.todayVipAndroidPercentage})
                        </div>
                    <div class="layui-card-body">苹果:【7天*${obj.todayThreeDayAppleNum?c!''}】 【1月*${obj.todayOneAppleNum?c!''}】 【3月*${obj.todayThreeAppleNum?c!''}】 【1年*${obj.todayTwelveAppleNum?c!''}】
                        总: ${obj.todayAppleNum?c!''} / ${obj.todayVipNum?c!''} (${obj.todayVipIosPercentage}) </div>
                </div>
            </div>

            <div class="layui-col-md3 item ">
                <div class="layui-card">
                    <div class="layui-card-header">今日:钻石【安卓/苹果】 </div>
                    <div class="layui-card-body">${obj.todayAndroidDiamondPrice?c!''} / ${obj.todayAppleDiamondPrice?c!''}</div>
                    <div class="layui-card-body">总金额：${obj.todayDiamondPrice?c!''}</div>
                </div>
            </div>

            <div class="layui-col-md3 item">
                <div class="layui-card">
                    <div class="layui-card-header">今日 及 本月 收款总计</div>
                    <div class="layui-card-body">今日总计：${obj.todaySum?c!''}</div>
                    <div class="layui-card-body">本月总计：${obj.monthSum?c!''}</div>
                </div>
            </div>

            <div class="layui-col-md3 item">
                <div class="layui-card">
                    <div class="layui-card-header">本月: 门票 【安卓/苹果】  ${obj.monthTicketNum?c!''}（笔）</div>
                    <div class="layui-card-body">安卓： ${obj.monthAndroidTicket?c!''}  /  ${obj.monthRegAndroid?c!''} (${obj.monthRegAndroidPercentage!''}) 苹果： ${obj.monthAppleTicket?c!''} /  ${obj.monthRegAndroid?c!''} (${obj.monthRegIphonePercentage!''})</div>
                    <div class="layui-card-body">总金额： ${obj.monthTicketPrice?c!''} 认证率：${obj.monthPercentage!''}</div>
                </div>
            </div>

            <div class="layui-col-md3 item">
                <div class="layui-card">
                    <div class="layui-card-header">本月: VIP 【安卓${obj.monthAndroidVip?c!''}/苹果${obj.monthAppleVip?c!''}】 总计：${obj.monthVipPrice?c!''} 元</div>
                    <div class="layui-card-body">安卓:【7天*${obj.monthThreeDayAndroidNum?c!''}】 【1月*${obj.monthOneAndroidNum?c!''}】 【3月*${obj.monthThreeAndroidNum?c!''}】 【1年*${obj.monthTwelveAndroidNum?c!''}】
                        总: ${obj.monthAndroidNumSum?c!''} / ${obj.monthVipNum?c!''} (${obj.monthVipAndroidPercentage})</div>
                    <div class="layui-card-body">苹果:【7天*${obj.monthThreeDayAppleNum?c!''}】 【1月*${obj.monthOneAppleNum?c!''}】【3月*${obj.monthThreeAppleNum?c!''}】 【1年*${obj.monthTwelveAppleNum?c!''}】
                        总: ${obj.monthAppleNum?c!''}  / ${obj.monthVipNum?c!''} (${obj.monthVipIosPercentage})</div>
                </div>
            </div>

            <div class="layui-col-md3 item">
                <div class="layui-card">
                    <div class="layui-card-header">本月:钻石 【安卓/苹果】</div>
                    <div class="layui-card-body">${obj.monthAndroidDiamondPrice?c!''} / ${obj.monthAppleDiamondPrice?c!''}</div>
                    <div class="layui-card-body">总金额：${obj.monthDiamondPrice?c!''}</div>
                </div>
            </div>

            <div class="layui-col-md3 item">
                <div class="layui-card">
                    <div class="layui-card-header">汇总</div>
                    <div class="layui-card-body">月:门票:${obj.sumTicketMonth?c!''} VIP:${obj.sumVipMonth?c!''} 钻石:${obj.sumDiamondMonth?c!''} 总:${obj.sumAllMonth?c!''}</div>
                    <div class="layui-card-body">总:门票:${obj.sumTicketAll?c!''} VIP:${obj.sumVipAll?c!''} 钻石:${obj.sumDiamondAll?c!''} 总:${obj.sumAllAll?c!''}</div>

                </div>
            </div>

            <!-- 日活-->
            <div class="layui-col-md3 item">
                <div class="layui-card">
                    <div class="layui-card-header">日活跃人数</div>
                    <div class="layui-card-body">${obj.activeNum!''}</div>
                </div>
            </div>
            <div class="layui-col-md3 item">
                <div class="layui-card">
                    <div class="layui-card-header">今日注册会员数</div>
                    <div class="layui-card-body">${obj.todayRegisterUsers?c!''}</div>
                </div>
            </div>
            <div class="layui-col-md3 item">
                <div class="layui-card">
                    <div class="layui-card-header">会员总注册数</div>
                    <div class="layui-card-body">${obj.users?c!''}</div>
                </div>
            </div>

        </div>
    </div>

    <!-- <img src="/web/res/images/welcome.gif"/> -->
</div>
</body>

<script>
    layui.use(['laydate', 'form'], function () {
        let $ = layui.$;
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#time' //指定元素
        });

    });

</script>

</html>

